<div class="professional_image">
	<!--profile_image starts-->
	<div class="profile_image">
		<?php if($this->session->userdata('profile_image_path')){?>
       	<img id="preview" src="<?php echo $this->session->userdata('profile_image_path');?>" alt="Zigya Profile Picture" class="profile_pic" width="100" height="100"> 
        <?php }else { ?>
       <img id="preview" src="<?php echo SKIN_URL_IMAGE; ?>/zigya_profile_pic.png" alt="Zigya Profile Picture" class="profile_pic">
       <?php } ?>
		<div class="overlay">
			<img src="<?php echo SKIN_URL_IMAGE; ?>/zigya_profile_pic_overlay.png" alt="Profile Image Overlay">
		</div>
	</div>
	<!--profile_image starts-->
	<!--profile_options starts-->
	<div class="profile_options">
		<ul>
			<li>
				<!--<img src="<?php //echo SKIN_URL_IMAGE; ?>/zoom_in.png" alt="Zoom In">-->
			</li>
			<li>
				<!--/*<img src="<?php //echo SKIN_URL_IMAGE; ?>/zoom_out.png" alt="Zoom Out">*/-->
			</li>
			<li>

<!--				<img title="professional" class="upload_file_data" src="<?php //echo SKIN_URL_IMAGE; ?>/upload_picture.png" alt="Upload Picture">
-->				<div id="upload_professional_photo_response"></div>
				<div style="display:block">
					<form enctype="multipart/form-data" method="post" action="http://zig.com/index.php/join_as_submit_detail_continue"><!--onsubmit="return checkForm()"-->
                        <!-- hidden crop params -->
                        <input type="hidden" id="x1" name="x1" />
                        <input type="hidden" id="y1" name="y1" />
                        <input type="hidden" id="x2" name="x2" />
                        <input type="hidden" id="y2" name="y2" />
                    <div style="display:none;"><input type="file" name="userfile" id="image_file" onchange="fileSelectHandler()" /></div>
<!--                    <div class="error_box content_pink"></div>
-->                    <div class="step2" style="display: none;">
					
                        <div class="info">
                            <input hidden type="text" id="filesize" name="filesize"/>
                            <input hidden type="text" id="filetype" name="filetype" />
                            <input hidden type="text" id="filedim" name="filedim" />
                            <input hidden type="text" id="w" name="w" />
                            <input hidden type="text" id="h" name="h" />
                            <input type="hidden" name="member_type" id="member_type" value="<?php if(isset($member_type)){ echo strip_tags($member_type);} ?>"  />  
                            <input hidden type="text" name="profile_image" value="profile_image"/>                         
                        </div>
                        <input type="submit" value="Upload" />
                    </div>
						<!--<input id="file" type="file" name="upload_profile_photo_file" accept="image/*" onChange="FileUploadStart('profile'); return false;" />
						<input type="hidden" name="type" value="profile_photo"/>-->
                        </form>
				</div>
			</li>
		</ul>
	</div>
	<!--profile_option closed-->
	<!--academic_year starts-->
	
	<!--academic_year closed-->
</div>